<template>
  <el-row class="rumd">
    <span></span>
    <h3>{{ title }}</h3>
  </el-row>
</template>
<script>
import { ref, reactive, toRefs, computed, watch } from "vue";
import { useRouter } from "vue-router";
import { useRoute } from "vue-router";
import { useStore } from "vuex";
export default {
  props: ["title"],
  setup(props, context) {
    return {};
  },
};
</script>
<style lang="scss" scoped>
.rumd {
  display: flex;
  height: 60px;
  line-height: 1;
  align-items: center;
  span {
    width: 24px;
    height: 8px;
    border-radius: 4px;
    background-color: #0066ff;
    margin-right: 12px;
  }
  h4 {
    margin: 0;
  }
}
</style>